<template>
  <div class="nots">
		<img :src="success" alt="">
		<p class="title">提交成功，请联系我们确认订单</p>
     <!-- 按钮 -->
    <div class="button">
      <div @click="JumpName('order-lists')" class="btn red-btn">返回订单列表</div>
    </div>
	</div>
</template>

<script>
import Vue from 'vue'

export default Vue.extend({
  data() {
    return {
      success: 'http://img.wifenxiao.com/small-wfx/images/success3.png'
    }
  },
  beforeCreate() {
    $('body').addClass('bg_white')
  },
  destroyed() {
    $('body').removeClass('bg_white')
  },
  methods: {
    JumpName(url, data) {
      this.$JumpName(this, url, data)
    }
  }
})
</script>

<style lang="scss">
@import 'src/styles/mixin';
.nots{
  overflow: hidden;
  >img{
    display: block;
    width: 116px;
    height: 116px;
    margin: 150px auto 30px;
  }
  .title{
    font-size: 36px;
    text-align: center;
    margin-bottom: 25px;
  }
  .button{
    padding: 80px 125px;
    .btn{
      line-height:76px;
      height: 76px;
      border:1px solid rgba(242,11,34,1);
      border-radius:38px;
      color: #F20B22;
      font-size: 28px;
      text-align: center;
      margin-bottom: 30px;
      box-sizing: border-box;
      &.red-btn{
        border: 0;
        color: #fff;
        @include gradient(left,rgba(233,1,4,1),rgba(254,27,73,1));
      }
    }
  }
}
</style>
